.help__support-links {
	&.is-placeholder {
		@include placeholder();
		height: 250px;
		margin-bottom: 15px;
	}
}

.help__support-link {
	display: flex;
}

.help__support-link .help__support-link-section {
	padding-right: 32px;
}

.help__support-link .help__support-link-title {
	&:hover {
		color: $blue-medium;
	}
}

.help__support-link-contact.is-card-link {
	padding-right: 24px;
}

.help__support-link-contact .help__support-link-section {
	flex-grow: 1;
}
	
.help__support-link-contact .gridicon {
	display: none;
}

.help__support-link-button {
	flex: 0 0 auto;
	align-self: center;
}

.help__support-link.is-compact.is-card-link {
	padding-right: 16px;
}

.help__support-link-title {
	font-size: 16px;
	color: $blue-wordpress;
	@include breakpoint( ">660px" ) {
		font-size: 21px;
	}
}

.help__support-link-content {
	margin-bottom: 0;
	font-size: 14px;
	color: $gray-dark;
}

.help__help-teaser-button {
	&.is-placeholder {
		@include placeholder();
		height: 64px;
		margin-bottom: 15px;
	}
}

.help__help-teaser-button .card {
	border-left: 3px solid $blue-wordpress;
	display: flex;
	margin: 16px 0;
	padding: 12px 12px;

	.button {
		margin-left: auto;
	}

	&.is-no-margin {
		margin: 0;
	}
}

.help__help-teaser-text {
	padding-right: 10px;
}

.help__help-teaser-button-icon {
	color: $blue-wordpress;
	border-radius: 50%;
	margin-right: 16px;
	background-color: $white;
	align-self: center;
}

.help__help-teaser-button-title {
	color: $gray-dark;
	font-size: 14px;
	font-weight: 500;
	padding-right: 15px;
}

.help__help-teaser-button-description {
	color: $gray;
	font-size: 12px;
	display: block;
	padding-right: 15px;
}
